<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon"  href="logo.ico" type="image/x-icon"  />
	<title>极简，一种生活态度</title>
	<meta name="description" content="极简，专业级的工具系列软件，以轻松入手、不留冗余著称，为您提供高效的工作体验！"> 
	<meta name="Keywords" content="Adobe、文本编辑、阅读、视频编辑、PS、设计、文档、办公、WPS、极简">
</head>
<style type="text/css">
	.w{
		width: 1190px;
		margin: 0 auto;
	}
	.fl{
		float: left;  /*左浮动*/
	}
	.fr{
		float: right;  /*右浮动*/
	}
	body{
			background-color: #f6f6f6;
	}
	header {
		height: 70px;
		background-color: white;
		border-bottom: 1px solid #ddd;
	}
	.juli{
		width: 700px;
		height: 12px;
		top: 40px;
		right: 340px;
		color:black;
		align-items: center;
		position: absolute;
		background-color:white;
		
	}
	.middle{
		width: 1910px;
		height: 700px;
		top: 80px;
		right: 1px;
		position: absolute;
		background-color:#999;
	}
	.foot{
		width: 1910px;
		height: 225px;
		top: 780px;
		right: 1px;
		position: absolute;
		background-color:#2E3033;
	}
	.logo a{
		display: block;
		width: 130px;
		height: 12px;
	}
	.end{
		width: 1000px;
		height: 12px;
		top: 24px;
		right: 375px;
		position: absolute;
		align-items: center;
	}
	.end a{ 	
		line-height: 40px;
		font-size: 25px;
		transition:0.2s;
		text-decoration:none;
		color: #BBB;
	}
	.juli a{ 	
		line-height: 10px;
		font-size: 25px;
		transition:0.2s;
		text-decoration:none;
		color: black;
	}
	.er {
		width: 220px;
		height: 300px;
		top: 185px;
		right: 1212px;
		position: absolute;
		opacity: 0.4;
		background-color: #999;
	}
	.tbody {
		width: 750px;
		height:650px;	
		top: 115px;
		right: 310px;
		position: absolute;	
		background-color:#999;
	}
	.Read {
		width: 425px;
		height:190px;	
		top: 0px;
		right: 165px;
		position: absolute;	
		background-color:#999;
	}
	.Office {
		width: 155px;
		height:425px;	
		top: 135px;
		right: 595px;
		position: absolute;	
		background-color:#999;}
	.Design {
		width: 425px;
		height:190px;	
		top: 460px;
		right: 165px;
		position: absolute;	
		background-color:#999;}
	.Video {
		width: 250px;
		height:425px;	
		top: 135px;
		right: 0px;
		position: absolute;	
		background-color:#999;
	}
	.JJ {
		width: 230px;
		height:225px;	
		top: 200px;
		right: 300px;
		position: absolute;	
		background-color:#999;}
	.rd{
		width: 325px;
		height:250px;	
		top: 2px;
		right: 50px;
		position: absolute;

	}
	.Of{
		width: 325px;
		height:250px;	
		top: 2px;
		right: -85px;
		position: absolute;
	}
	.De{
		width: 325px;
		height:250px;	
		top: -32px;
		right: 50px;
		position: absolute;
	}
	.vi{
		width: 325px;
		height:250px;	
		top: 75px;
		right: 300px;
		position: absolute;
	}
	.gg{
		width: 300px;
		height:250px;	
		top: -14px;
		right: -40px;
		position: absolute;
	}
	a:hover { color:red; }
	span{
		font-size: 16px;
		color: green;
		
	}
	p{	
		font-size: 16px;
		color: #999;
		
	}
	b {
		font-size: 25px;
		color: white;
	}
</style>
<body> 
	<header>
		<div class="w">
			<div class="logo">
				<img src="Logon.png">&nbsp;
				<span><strong><em>---一种生活态度</em></strong></span>
			</div>	
		<div class="juli">	
		<a href="#">首页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="#">帮助</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="#">产品</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="#">支持</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="#">合作伙伴</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		</div>
		</div>
		<div class="middle">
			<div class="er">
			<b>&nbsp;&nbsp;&nbsp;&nbsp;---&nbsp;&nbsp;扫码&nbsp;&nbsp;---&nbsp;&nbsp;</b><br /><br />
			<img src="ewm.png">
			<br /><br />
			<b>---&nbsp;&nbsp;更多精彩&nbsp;&nbsp;---&nbsp;&nbsp;</b>
			</div>
			</div>
			<div class="tbody">
				<div class="Read">
					<div class="rd"><b>&nbsp;&nbsp;&nbsp;&nbsp;---&nbsp;&nbsp;Read&nbsp;&nbsp;---&nbsp;&nbsp;</b>
					<img src="rd.png">
					</div>
				</div>
				<div class="Office">
					<div class="Of">
					<b>&nbsp;&nbsp;&nbsp;&nbsp;---&nbsp;&nbsp;Office&nbsp;&nbsp;---&nbsp;&nbsp;</b>
					<img src="Of.png">
					</div>
				</div>
				<div class="Design">
					<div class="De">
					<b>&nbsp;&nbsp;&nbsp;&nbsp;---&nbsp;&nbsp;Design&nbsp;&nbsp;---&nbsp;&nbsp;</b>
					<img src="De.png">
					</div>
				</div>
				<div class="Video">
					<div class="Vi">
					<b>&nbsp;&nbsp;&nbsp;&nbsp;---&nbsp;&nbsp;Video&nbsp;&nbsp;---&nbsp;&nbsp;</b>
					<img src="vi.png">
					</div>
				</div>
				<div class="JJ">
					<div class="gg">
					<img src="gg.png">
					</div>
				</div>
			</div>
		</div>
		<div class="foot">
			<div class="end">
				<hr />
				<a href="#">关于极简</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">服务条款</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">相关法律</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">商务合作</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">加入我们</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<em><strong><a href="#">（中文）</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></em>
				<br /><br /><br /><p>Copyright © 2017-2117 Jenceng. All Rights Reserved. 极简 版权所有</p>
			</div>
		</div>
	</header>
</body>
</html>
